<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>博客首页</title>
  <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/about.css">
  <link rel="stylesheet" href="/css/footer.css">
  <script src="//cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
  <script src="//cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">半圆 Blog</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><a href="#  ">我的首页</a></li>
        <li><a href="#">账号管理</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">账号管理
            <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li class="dropdown-header">管理</li>
            <li><a href="#">博客信息</a></li>
            <li><a href="#">创建博文</a></li>
            <li><a href="#">博客管理</a></li>
            <li class="divider"></li>
            <li class="dropdown-header">账号</li>
            <li><a href="#">更改密码</a></li>
            <li><a href="#">退出登录</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-right">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="关键字">
        </div>
        <button type="submit" class="btn btn-default">搜索</button>
      </form>
    </div>
  </div>
</nav>

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
  </ol>
  <div class="carousel-inner">
    <div class="item active">
      <img class="first-slide" src="/img/mac.jpg" alt="First slide">

      <div class="container">
        <div class="carousel-caption">
          <h2>极致体验</h2>

          <p>优雅简洁的外观设计，细心的交互方式，帮助您更快捷地创建博客，更方便地浏览您的博客内容。</p>

          <p><a class="btn btn-primary" href="#">立即加入</a></p>
        </div>
      </div>
    </div>
    <div class="item">
      <img class="second-slide" src="/img/cloud.png" alt="Second slide">

      <div class="container">
        <div class="carousel-caption">
          <h2>Markdown 引擎</h2>

          <p>Sample Blog 使用 Markdown 创建易读易写的博客文章。Markdown 由一些经过精挑细选符号所组成，其作用一目了然。</p>

          <p><a class="btn btn-primary" href="#">深入了解</a></p>
        </div>
      </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

<div class="container project-list">
  <div class="row">
    <div class="col-sm-4">
      <img class="img-circle" src="/img/onboard.png" width="140" height="140">

      <h2>Medium</h2>

      <p>Welcome to Medium, where words matter.</p>

      <p><a class="btn btn-default" href="https://medium.com/">访问 &raquo;</a></p>
    </div>
    <div class="col-sm-4">
      <img class="img-circle" src="/img/by.png" width="140" height="140">

      <h2>半圆学社</h2>

      <p>专业素养是一门需要100%掌握的技能。而不仅仅是学会知识内容。学习者需要通过严格的大量刻意练习，才可以具备这些专业素质</p>

      <p><a class="btn btn-default" href="http://banyuan.club">访问 &raquo;</a></p>
    </div>
    <div class="col-sm-4">
      <img class="img-circle" src="/img/catty.jpeg" width="140" height="140">

      <h2>linuxfromscratch</h2>

      <p>Linux From Scratch (LFS) is a project that provides you with step-by-step instructions for building your own custom Linux system, entirely from source code.</p>

      <p><a class="btn btn-default" href="http://www.linuxfromscratch.org">访问 &raquo;</a></p>
    </div>

  </div>
</div>

</body>
</html>
